/* Reset */
h1,h2,h3,h4,h5,h6,address,blockquote,div,p,pre,code,body,dl,dt,dd,ol,ul,li,fieldset,form,input,legend,textarea { margin:0; padding:0; }
object { outline:none; }

/* Structure Module */
html,body { margin:0; background:#fff; }
body { font:62.5% 'Helvetica Neue',helvetica,arial,sans-serif; color:#111; }

/* Text Module */
address,cite,dfn,em,var { font-style:italic; }
p { padding-bottom:2em; }
small { color:#555; }
.sans-serif { font-family:'Helvetica Neue',helvetica,arial,sans-serif; }
.serif { font-family:'Bookman Old Style','URW Bookman L','itc bookman',serif; }
.mono { font-family:'Consolas','Monaco',lucida,monospace; }

/* Hypertext Module */
a { color:#000; text-decoration:none; border-bottom:1px solid #333; }
a:hover   { text-decoration:none;border-color:#eee; }

/* List Module */
ol,ul     { padding:0 0 2em 0; }
ol li     { list-style:none outside decimal; }
ul li     { list-style:none inside none; }


/* Image Module */
img { border:0; vertical-align:top; }
a img { margin:0 0 0.50em; border:0; }

/* Layout Module */
div#wrapper 	{ font-size:1.4em; line-height:1.6em; position:relative; height:100%; }
div.container 	{ width:640px; margin:3em auto 1em; }
div#screen { 
    width:100%; height:200px; 
    -moz-border-radius:5px;-webkit-border-radius:5px;
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.20);-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.20);
    background: url(../png/screen.png) no-repeat top center;
    margin-bottom:2em;
}
#action{ cursor:pointer; border:0; display:block;
    width: 300px;
	text-align:center;
    -moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.50); 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.50);
    margin:0px auto 1px;
    padding: 0.25em 1em;
    background-color: #00d71c;
    color: #fff;
    font-weight: 800;
    font-size: 1em;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgba(255,255,255,0.25))); 
    background-image: -moz-linear-gradient(center bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 90%);
}
#action:hover { background-color: #00e72c; }
#action:active {margin:1px auto 0px;}

/* Grid Module */
.col      { float:left; margin:0 2% 0 0; }
.size1of5 { width:18%; }
.size2of5 { width:38%; }
.size3of5 { width:58%; }
.size4of5 { width:78%; }
.size1of3 { width:32%; }
.size1of2 { width:50%; }
.size1of1 { width:100%; }
.last.col { margin:0; }

/* Common */
.right  { float:right; }
.left   { float:left; }
.block  { display:block; height:100%; width:100%; }
.replace { text-indent:-9999px !important; overflow:hidden; }
.clearfix:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac \*/